<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%	
	//获取项目名
	String path = request.getContextPath();
	//获取tomcat 协议+地址+端口号+ 获取项目名
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
	//out.println(basePath);
%>
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ZZG源码分享网-HTML模板</title>
<link rel="stylesheet" type="text/css"
	href="<%=basePath %>css/style.css" />
<link rel="stylesheet" type="text/css"
	href="<%=basePath %>css/common.css">
<link rel="stylesheet" type="text/css"
	href="<%=basePath %>css/animate.min.css">

<script src="<%=basePath %>jquery-3.5.1.js"></script>
<script
	src="<%=basePath %>bootstrap/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
<link rel="stylesheet"
	href="<%=basePath %>bootstrap/bootstrap-3.3.7-dist/css/bootstrap.css">
<!-- 我的CSS -->
<link rel="stylesheet" href="<%=basePath %>css/index.css">
<link rel="stylesheet" href="<%=basePath %>css/jqueryPage.css">

</head>

<body>
	<!-- ---------------------------------------------------以下为：导航条 ----------------------------------------------------------->
	<div class="index-header clearfix">
		<div class="index- fl">
			<a href=""></a>
		</div>
		<ul class="index-nav fl" id="nav">
			<li class="active"><a href="<%=basePath %>htmlJs/index.jsp">首页</a></li>
			<li><a href="<%=basePath %>htmlJs/index.jsp#aboutUs">关于我们</a></li>
			<li><a
				href="<%=basePath %>userServlet?mark=showMainKindList&kind=HTML模板&root=0">HTML模板</a></li>
			<li><a
				href="<%=basePath %>userServlet?mark=showMainKindList&kind=CSS特效&root=0">CSS特效</a></li>
			<li><a
				href="<%=basePath %>userServlet?mark=showMainKindList&kind=jQuery代码&root=0">jQuery代码</a></li>
			<li><a href="">联系我们</a></li>
			<li id="login-in"><a href="<%=basePath %>htmlJs/Login.jsp"
				target="_blank">登入</a></li>
			<li id="login-out"><a href="<%=basePath %>htmlJs/register.jsp"
				target="_blank">注册</a></li>
			<!-- <li><a href="service.html">服务支持</a></li> -->
		</ul>
		<div class="index-header-right fr" id="search">
			<a href="" class="search-btn">搜索</a>

		</div>
		<div class="clear"></div>
	</div>
	<!-- ------------------------------------------------------以下为：搜索框 ------------------------------------------------------>
	<div class="search_sec">
		<!-- 关闭搜索框 -->
		<a href="#" title="" class="close-search"><i class=" la-close"><img
				src="<%=basePath %>images/icon5.png"></i></a>
		<div class="search_field">
			<div class="container">
				<form>
					<input type="text" name="search" placeholder="搜索...">
					<!-- 搜索图标 -->
					<button type="submit">
						<img src="<%=basePath %>images/search2.png" alt="">
					</button>
				</form>
			</div>
		</div>
	</div>
	<!-- ------------------------------------------------------以上为：搜索框 ------------------------------------------------------>

	<!-- ------------------------------------------------------以上为：导航条 ------------------------------------------------------>

	<div id="mian-html">

		<div id="addr"></div>
		<div id="header">

			<ul class="list-group">
				<li class="list-group-item list-group-item-success">当前位置：首页 >
					jQuery代码 ></li>
				<li class="list-group-item list-group-item-info"><h2>
						jQuery代码
						</h1></li>
			</ul>
		</div>

		<div class="row" id="row">
			<div class="col-md-8">
				<c:forEach items="${pages.pageList}" var="hp">
					<div class="html-item">
						<h3>
							<a
								href="<%=basePath%>userServlet?mark=showContent&root=0&rsId=${hp.rsId}">${hp.rsName}</a>
							</h2>
							<p>
								<span>简介：</span> <span>${hp.rsDes}</span>
							</p>
							<p class="item-des">
								大小：${hp.rsSize} M <span>时间：${hp.rsTime}</span> <span>类别：${hp.rsCategory}</span>
								<span>下载次数：${hp.rsDownloads}</span>
							</p>
							<hr>
					</div>
				</c:forEach>
				<!--分页按钮-->
				<nav aria-label="Page navigation" id="page-nav">
					<ul class="pagination">
						<li><a
							href="<%=basePath%>userServlet?mark=showMainKindList&kind=jQuery代码&root=0&current_page=1">首页</a></li>
						<li><a
							href="<%=basePath%>userServlet?mark=showMainKindList&kind=jQuery代码&root=0&current_page=${pages.prePage }"
							aria-label="Previous"> <span aria-hidden="true">&laquo;</span>
						</a></li>
						<li><a href="#">${pages.currentPage}</a></li>

						<li><a
							href="<%=basePath%>userServlet?mark=showMainKindList&kind=jQuery代码&root=0&current_page=${pages.nextPage }"
							aria-label="Next"> <span aria-hidden="true">&raquo;</span>
						</a></li>
						<li><a
							href="<%=basePath%>userServlet?mark=showMainKindList&kind=jQuery代码&root=0&current_page=${pages.countPage }">尾页</a></li>
					</ul>
				</nav>
			</div>

			<div class="col-md-4" id="rank-div">
				<h2 id="rank-h2">热门排行</h2>
				<hr>

				<p>
					<span><a></a></span>
				</p>

				<p>
					<span></span>
				</p>
				${count=1}

				<c:forEach items="${rankPage.pageList}" var="rp">
					<ul class="list-group">
						<c:if test="${count == 1 }">
							<li class="list-group-item list-group-item-success"><span
								class="label label-danger">1</span> <a>${rp.rsName}</a></li>
						</c:if>
						<c:if test="${count == 2 }">
							<li class="list-group-item list-group-item-info"><span
								class="label label-warning">2</span> <a>${rp.rsName}</a></li>
						</c:if>
						<c:if test="${count == 3 }">
							<li class="list-group-item list-group-item-warning"><span
								class="label label-info">3</span> <a>${rp.rsName}</a></li>
						</c:if>
					</ul>
                ${count=count+1}
                
               
            	</c:forEach>
			</div>


		</div>


	</div>





	<!---------------------------------------------------------footer-------------------------------------------------------------->
	<div class="index-footer" id="footer">
		<div class="clearfix index-footer-info index-con">
			<div class=" fl"></div>
			<div class="lianxi fl">
				<h2>联系方式</h2>
				<p>QQ： 2911620942</p>

				<P>地址：JJU智能调度实验室</P>
				<p></p>
			</div>
			<!-- <div class="phone fl">			
						xxx
					</div> -->
			<div class="erweima fr">
				<!-- <img src="images/pic1.jpg">
						<p>二维码</p> -->
			</div>
		</div>

		<div class="index-footer-bottom">
			<div class="index-con clearfix">
				<p class="fl">版权所有 © 2020 JJU_干干</p>
				<a href="#" target="_blank" class="fr" id="designer">设计：ZZG_干干</a>
			</div>
		</div>
	</div>
	<div class="clear"></div>
	</article>
	</div>

	<script type="text/javascript"
		src="http://www.5imoban.net/download/jquery/jquery-3.2.1.min.js"></script>
	<script type="text/javascript"
		src='<%=basePath %>js/modernizr.custom.js'></script>
	<!-- 搜索框 -->
	<script src="<%=basePath %>js/more.js"></script>
	<script
		src="http://www.5imoban.net/download/swiper/swiper-4.4.2.min.js"></script>
	<script type="text/javascript" src="<%=basePath %>js/main.js"></script>
	<script type='text/javascript' src='<%=basePath %>js/base.js'></script>
	<script type="text/javascript" src='<%=basePath %>js/app.js'></script>
	<script>
        var swiper = new Swiper('.index-banner.swiper-container', {
            speed: 600,
            parallax: true,
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
        });
        scrolly.init({
            wrapper: '#bloc',
            targets: '.scr-el',
            bgParallax: true,
            wrapperSpeed: 0.08
        });
    </script>

</body>

</html>